<!DOCTYPE html>
<head xmlns:v-bind="http://www.w3.org/1999/xhtml" >
    <meta charset="UTF-8">
    <title>demo12表单</title>
  <script src="./js/vue.min.js"></script>

</head>

<body>
   <div id="app">
     <p> input 元素</p>
     <input v-model="message" placeholder="编辑我...">
     <p>消息是:{{message}}</p>
     <p>textarea 元素：</p>
     <p style="white-space: pre">{{message2}}</p>
     <textarea v-model="message2" placeholder="多行文本输入..."></textarea>
   </div>

</body>

<script type="application/javascript">
  var vm = new Vue({
    el: "#app",
    data: {
      message: 'Runoob',
      message2: '菜鸟教程'
    }
  });

</script>
</html>
